<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>
	<body>
		<header>
			<div class="container">
				<a class="logo" href="javascript:void(0)">
					<img src="img/sgxy.png">
				</a>
				<div id="navbar">
					<ul class="navbar">
						<li><a href="javascript:void(0)">首页</a></li>
						<li><a href="javascript:void(0)">风吟</a></li>
						<li><a href="javascript:void(0)">掠影</a></li>
						<li><a href="javascript:void(0)">流金</a></li>
						<li><a href="javascript:void(0)">拾忆</a></li>
						<li><a href="javascript:void(0)">互动</a></li>
					</ul>
				</div>
				<div class="btnbar">
					<ul>
						<li><a href="javascript:void(0);"  class="signin">登录</a></li>
						<li><a href="javascript:void(0);"  class="signup">注册</a></li>
					</ul>
				</div>
			</div>
		</header>
		<div id="container">
			<div class="container">
				<div class="side-left">
					<div id="focus">
						<ul>
							<li><a class="img"><img src="img/dev/01.png" alt="阅读"></a></li>
							<li><a class="img"><img src="img/dev/02.png" alt="美文"></a></li>
							<li><a class="img"><img src="img/dev/03.png" alt="美文2"></a></li>
							<li><a class="img"><img src="img/dev/04.png" alt="诗歌"></a></li>
						</ul>
					</div>
					<div id="article-list">
						<div class="article-item">
							<dd>
								<div class="article-head">
									<img class="avatar img-circle" src="img/dev/avatar1.jpg">
									<div class="f">
										<div class="t">
											<div class="ctg">风吟</div>
											<div class="title">为大家推荐一个最具文艺气息的文摘-唯美导刊</div>
										</div>
										<div class="i">
											<ul>
												<li class="time">2016/03/15</li>
												<li class="read">阅读（18）</li>
												<li class="comment">评论（0）</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="content">
									走过了春的明媚，夏的繁盛，还没来得及多想，转身，便与秋不期而遇。遇见秋，犹如故人归，不用过多的寒喧，就像有些喜欢，只是一眼，便会妥帖在心里。端坐于时光的门槛，看一片落叶...
								</div>
							</dd>
							<dt>
								<img src="img/dev/x1.jpeg">
							</dt>
						</div>
						<div class="article-item">
							<dd>
								<div class="article-head">
									<img class="avatar img-circle" src="img/dev/avatar2.jpg">
									<div class="f">
										<div class="t">
											<div class="ctg">风吟</div>
											<div class="title">为大家推荐一个最具文艺气息的文摘-唯美导刊</div>
										</div>
										<div class="i">
											<ul>
												<li class="time">2016/03/15</li>
												<li class="read">阅读（18）</li>
												<li class="comment">评论（0）</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="content">
									走过了春的明媚，夏的繁盛，还没来得及多想，转身，便与秋不期而遇。遇见秋，犹如故人归，不用过多的寒喧，就像有些喜欢，只是一眼，便会妥帖在心里。端坐于时光的门槛，看一片落叶...
								</div>
							</dd>
							<dt>
								<img src="img/dev/x2.jpg">
							</dt>
						</div>
						<div class="article-item" style="border-bottom:none;">
							<dd>
								<div class="article-head">
									<img class="avatar img-circle" src="img/dev/avatar3.jpg">
									<div class="f">
										<div class="t">
											<div class="ctg">风吟</div>
											<div class="title">为大家推荐一个最具文艺气息的文摘-唯美导刊</div>
										</div>
										<div class="i">
											<ul>
												<li class="time">2016/03/15</li>
												<li class="read">阅读（18）</li>
												<li class="comment">评论（0）</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="content">
									走过了春的明媚，夏的繁盛，还没来得及多想，转身，便与秋不期而遇。遇见秋，犹如故人归，不用过多的寒喧，就像有些喜欢，只是一眼，便会妥帖在心里。端坐于时光的门槛，看一片落叶...
								</div>
							</dd>
							<dt>
								<img src="img/dev/x3.jpg">
							</dt>
						</div>
					</div>
					<div id="loadmore">加载更多</div>
				</div>
				<div class="side-right">
					<div class="section">
						<div class="title"><h3><i class="iconfont">&#xe604;</i><span>热门文章</span></h3></div>
						<div class="content">
							<ul>
								<li>
									<i>1</i><span class="name"><a>全力以赴，淡然接受</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<i>2</i><span class="name"><a>一句话描述你喜欢的人</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<i>3</i><span class="name"><a>我就喜欢学姐，不服...</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<i>4</i><span class="name"><a>简单</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<i>5</i><span class="name"><a>重庆夜景</a></span><span class="num">1.9k</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="section erweima">
						<div><img src="img/ewm.jpg"></div>
						<div class="info">
							微信扫码关注
						</div>
					</div>
					<div class="section">
						<div class="title"><h3><i class="iconfont">&#xe606;</i><span>最新文章</span></h3></div>
						<div class="content">
							<ul>
								<li>
									<span class="name"><a>全力以赴，淡然接受</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<span class="name"><a>一句话描述你喜欢的人</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<span class="name"><a>我就喜欢学姐，不服...</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<span class="name"><a>简单</a></span><span class="num">1.9k</span>
								</li>
								<li>
									<span class="name"><a>重庆夜景</a></span><span class="num">1.9k</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="js/lib/jquery-1.11.2.min.js" type="text/javascript"></script>
		<script src="js/modules/banner.js" type="text/javascript"></script>
	</body>
</html>